<template>
  <div class="row-start-center h-[65px] text-[14px] border-bottom text-[#444]">
    <div class="flex-1 w-0 mr-[6px] break-all">{{ item.Name }}</div>
    <div class="flex-1 w-0 mr-[6px] break-all">
      <van-button class="w-[56px]" plain type="primary" round size="mini" @click="emit('toSubAgent')">{{ item.AgentCount }}</van-button>
    </div>
    <div class="w-[80px] flex justify-center">
      <van-button class="w-[56px]" plain type="primary" round size="mini" @click="emit('openSubList')">{{ item.UserCount }}</van-button>
    </div>
    <div class="w-[60px] flex justify-center">
      <div @click="emit('more')" class="text-[#3976CC] text-[14px]">更多</div>
    </div>
  </div>
</template>
<script setup lang="ts">

withDefaults(
  defineProps<{
    item: AgentMo;
  }>(),
  {}
);

const emit = defineEmits(["more", "toSubAgent", "openSubList"]);
</script>
